<template>
  <van-cell-group class="mx-2 mt-2 rounded-md shadow-md">
    <van-cell
      value="手机号"
      is-link
      class="text-indigo-500"
      @click="$router.push('/my/mobile/bind')"
    >
      <template #icon>
        <i class="icon-mobile iconfont mr-1"></i>
      </template>
    </van-cell>
    <van-cell
      value="银行卡"
      icon="credit-pay"
      is-link
      class="text-red-500"
      @click="$router.push('/my/bankcards')"
    />
    <van-cell
      value="修改密码"
      icon="shield-o"
      is-link
      class="text-green-600"
      @click="$router.push('/my/password/reset')"
    />
    <van-cell
      value="退出登录"
      icon="revoke"
      is-link
      class="text-gray-400"
      @click="logout"
    />
  </van-cell-group>
</template>

<script>
export default {
  data() {
    return {}
  },
  computed: {
    user() {
      return this.$store.state.user
    },
    member() {
      return this.$store.state.user.member
    },
  },
  created() {},
  methods: {
    open(row) {
      this.$refs.dialog.open(row)
    },
    logout() {
      this.$store.commit('clearUser')
      this.$router.push('/login')
    },
  },
}
</script>

<style>
</style>